<html>
<head>
<title>main_v1.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.s0 { color: #000000;}
.s1 { color: #0000ff; font-weight: bold;}
.s2 { color: #000000;}
.s3 { color: #000080; font-weight: bold;}
.s4 { color: #008000; font-weight: bold;}
.s5 { color: #0000ff; font-weight: bold;}
.s6 { color: #0000ff;}
.s7 { color: #000080; font-weight: bold;}
.s8 { color: #008000; font-weight: bold;}
.ln { color: #999999; font-weight: normal; font-style: normal; }
</style>
</head>
<body bgcolor="#ffffff">
<table CELLSPACING=0 CELLPADDING=5 COLS=1 WIDTH="100%" BGCOLOR="#c0c0c0" >
<tr><td><center>
<font face="Arial, Helvetica" color="#000000">
main_v1.html</font>
</center></td></tr></table>
<pre><a name="l1"><span class="ln">1    </span></a>&lt;!DOCTYPE <span class="s1">html</span>&gt;
<a name="l2"><span class="ln">2    </span></a>&lt;<span class="s3">html </span><span class="s1">lang=</span><span class="s4">&quot;zh&quot; </span><span class="s1">xmlns:th=</span><span class="s4">&quot;http://www.thymeleaf.org&quot;</span>&gt;
<a name="l3"><span class="ln">3    </span></a>&lt;<span class="s3">head</span>&gt;
<a name="l4"><span class="ln">4    </span></a>    &lt;<span class="s3">meta </span><span class="s1">charset=</span><span class="s4">&quot;utf-8&quot;</span>&gt;
<a name="l5"><span class="ln">5    </span></a>    &lt;<span class="s3">meta </span><span class="s1">name=</span><span class="s4">&quot;viewport&quot; </span><span class="s1">content=</span><span class="s4">&quot;width=device-width, initial-scale=1.0&quot;</span>&gt;
<a name="l6"><span class="ln">6    </span></a>    &lt;<span class="s3">title</span>&gt;统计&lt;/<span class="s3">title</span>&gt;
<a name="l7"><span class="ln">7    </span></a>    &lt;<span class="s3">link </span><span class="s1">rel=</span><span class="s4">&quot;shortcut icon&quot; </span><span class="s1">href=</span><span class="s4">&quot;favicon.ico&quot;</span>&gt;
<a name="l8"><span class="ln">8    </span></a>    &lt;<span class="s3">link </span><span class="s1">href=</span><span class="s4">&quot;../static/css/bootstrap.min.css&quot; </span><span class="s1">th:href=</span><span class="s4">&quot;@{/css/bootstrap.min.css}&quot; </span><span class="s1">rel=</span><span class="s4">&quot;stylesheet&quot;</span>/&gt;
<a name="l9"><span class="ln">9    </span></a>    &lt;<span class="s3">link </span><span class="s1">href=</span><span class="s4">&quot;../static/css/font-awesome.min.css&quot; </span><span class="s1">th:href=</span><span class="s4">&quot;@{/css/font-awesome.min.css}&quot; </span><span class="s1">rel=</span><span class="s4">&quot;stylesheet&quot;</span>/&gt;
<a name="l10"><span class="ln">10   </span></a>    &lt;<span class="s3">link </span><span class="s1">href=</span><span class="s4">&quot;../static/css/main/animate.min.css&quot; </span><span class="s1">th:href=</span><span class="s4">&quot;@{/css/main/animate.min.css}&quot; </span><span class="s1">rel=</span><span class="s4">&quot;stylesheet&quot;</span>/&gt;
<a name="l11"><span class="ln">11   </span></a>    &lt;<span class="s3">link </span><span class="s1">href=</span><span class="s4">&quot;../static/css/main/style.min862f.css&quot; </span><span class="s1">th:href=</span><span class="s4">&quot;@{/css/main/style.min862f.css}&quot; </span><span class="s1">rel=</span><span class="s4">&quot;stylesheet&quot;</span>/&gt;
<a name="l12"><span class="ln">12   </span></a>&lt;/<span class="s3">head</span>&gt;
<a name="l13"><span class="ln">13   </span></a>
<a name="l14"><span class="ln">14   </span></a>&lt;<span class="s3">body </span><span class="s1">class=</span><span class="s4">&quot;gray-bg&quot;</span>&gt;
<a name="l15"><span class="ln">15   </span></a>    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;wrapper wrapper-content&quot;</span>&gt;
<a name="l16"><span class="ln">16   </span></a>
<a name="l17"><span class="ln">17   </span></a>        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row&quot;</span>&gt;
<a name="l18"><span class="ln">18   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-3&quot;</span>&gt;
<a name="l19"><span class="ln">19   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox float-e-margins&quot;</span>&gt;
<a name="l20"><span class="ln">20   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l21"><span class="ln">21   </span></a>                        &lt;<span class="s3">span </span><span class="s1">class=</span><span class="s4">&quot;label label-success pull-right&quot;</span>&gt;月&lt;/<span class="s3">span</span>&gt;
<a name="l22"><span class="ln">22   </span></a>                        &lt;<span class="s3">h5</span>&gt;收入&lt;/<span class="s3">h5</span>&gt;
<a name="l23"><span class="ln">23   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l24"><span class="ln">24   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l25"><span class="ln">25   </span></a>                        &lt;<span class="s3">h1 </span><span class="s1">class=</span><span class="s4">&quot;no-margins&quot;</span>&gt;40 886,200&lt;/<span class="s3">h1</span>&gt;
<a name="l26"><span class="ln">26   </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent font-bold text-success&quot;</span>&gt;98% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-bolt&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l27"><span class="ln">27   </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l28"><span class="ln">28   </span></a>                        &lt;<span class="s3">small</span>&gt;总收入&lt;/<span class="s3">small</span>&gt;
<a name="l29"><span class="ln">29   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l30"><span class="ln">30   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l31"><span class="ln">31   </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l32"><span class="ln">32   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-3&quot;</span>&gt;
<a name="l33"><span class="ln">33   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox float-e-margins&quot;</span>&gt;
<a name="l34"><span class="ln">34   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l35"><span class="ln">35   </span></a>                        &lt;<span class="s3">span </span><span class="s1">class=</span><span class="s4">&quot;label label-info pull-right&quot;</span>&gt;全年&lt;/<span class="s3">span</span>&gt;
<a name="l36"><span class="ln">36   </span></a>                        &lt;<span class="s3">h5</span>&gt;订单&lt;/<span class="s3">h5</span>&gt;
<a name="l37"><span class="ln">37   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l38"><span class="ln">38   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l39"><span class="ln">39   </span></a>                        &lt;<span class="s3">h1 </span><span class="s1">class=</span><span class="s4">&quot;no-margins&quot;</span>&gt;275,800&lt;/<span class="s3">h1</span>&gt;
<a name="l40"><span class="ln">40   </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent font-bold text-info&quot;</span>&gt;20% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l41"><span class="ln">41   </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l42"><span class="ln">42   </span></a>                        &lt;<span class="s3">small</span>&gt;新订单&lt;/<span class="s3">small</span>&gt;
<a name="l43"><span class="ln">43   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l44"><span class="ln">44   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l45"><span class="ln">45   </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l46"><span class="ln">46   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-3&quot;</span>&gt;
<a name="l47"><span class="ln">47   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox float-e-margins&quot;</span>&gt;
<a name="l48"><span class="ln">48   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l49"><span class="ln">49   </span></a>                        &lt;<span class="s3">span </span><span class="s1">class=</span><span class="s4">&quot;label label-primary pull-right&quot;</span>&gt;今天&lt;/<span class="s3">span</span>&gt;
<a name="l50"><span class="ln">50   </span></a>                        &lt;<span class="s3">h5</span>&gt;访客&lt;/<span class="s3">h5</span>&gt;
<a name="l51"><span class="ln">51   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l52"><span class="ln">52   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l53"><span class="ln">53   </span></a>                        &lt;<span class="s3">h1 </span><span class="s1">class=</span><span class="s4">&quot;no-margins&quot;</span>&gt;106,120&lt;/<span class="s3">h1</span>&gt;
<a name="l54"><span class="ln">54   </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent font-bold text-navy&quot;</span>&gt;44% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l55"><span class="ln">55   </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l56"><span class="ln">56   </span></a>                        &lt;<span class="s3">small</span>&gt;新访客&lt;/<span class="s3">small</span>&gt;
<a name="l57"><span class="ln">57   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l58"><span class="ln">58   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l59"><span class="ln">59   </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l60"><span class="ln">60   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-3&quot;</span>&gt;
<a name="l61"><span class="ln">61   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox float-e-margins&quot;</span>&gt;
<a name="l62"><span class="ln">62   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l63"><span class="ln">63   </span></a>                        &lt;<span class="s3">span </span><span class="s1">class=</span><span class="s4">&quot;label label-danger pull-right&quot;</span>&gt;最近一个月&lt;/<span class="s3">span</span>&gt;
<a name="l64"><span class="ln">64   </span></a>                        &lt;<span class="s3">h5</span>&gt;活跃用户&lt;/<span class="s3">h5</span>&gt;
<a name="l65"><span class="ln">65   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l66"><span class="ln">66   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l67"><span class="ln">67   </span></a>                        &lt;<span class="s3">h1 </span><span class="s1">class=</span><span class="s4">&quot;no-margins&quot;</span>&gt;80,600&lt;/<span class="s3">h1</span>&gt;
<a name="l68"><span class="ln">68   </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent font-bold text-danger&quot;</span>&gt;38% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-down&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l69"><span class="ln">69   </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l70"><span class="ln">70   </span></a>                        &lt;<span class="s3">small</span>&gt;12月&lt;/<span class="s3">small</span>&gt;
<a name="l71"><span class="ln">71   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l72"><span class="ln">72   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l73"><span class="ln">73   </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l74"><span class="ln">74   </span></a>        &lt;/<span class="s3">div</span>&gt;
<a name="l75"><span class="ln">75   </span></a>        
<a name="l76"><span class="ln">76   </span></a>        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row&quot;</span>&gt;
<a name="l77"><span class="ln">77   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-12&quot;</span>&gt;
<a name="l78"><span class="ln">78   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox float-e-margins&quot;</span>&gt;
<a name="l79"><span class="ln">79   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l80"><span class="ln">80   </span></a>                        &lt;<span class="s3">h5</span>&gt;订单&lt;/<span class="s3">h5</span>&gt;
<a name="l81"><span class="ln">81   </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;pull-right&quot;</span>&gt;
<a name="l82"><span class="ln">82   </span></a>                            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;btn-group&quot;</span>&gt;
<a name="l83"><span class="ln">83   </span></a>                                &lt;<span class="s3">button </span><span class="s1">type=</span><span class="s4">&quot;button&quot; </span><span class="s1">class=</span><span class="s4">&quot;btn btn-xs btn-white active&quot;</span>&gt;天&lt;/<span class="s3">button</span>&gt;
<a name="l84"><span class="ln">84   </span></a>                                &lt;<span class="s3">button </span><span class="s1">type=</span><span class="s4">&quot;button&quot; </span><span class="s1">class=</span><span class="s4">&quot;btn btn-xs btn-white&quot;</span>&gt;月&lt;/<span class="s3">button</span>&gt;
<a name="l85"><span class="ln">85   </span></a>                                &lt;<span class="s3">button </span><span class="s1">type=</span><span class="s4">&quot;button&quot; </span><span class="s1">class=</span><span class="s4">&quot;btn btn-xs btn-white&quot;</span>&gt;年&lt;/<span class="s3">button</span>&gt;
<a name="l86"><span class="ln">86   </span></a>                            &lt;/<span class="s3">div</span>&gt;
<a name="l87"><span class="ln">87   </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l88"><span class="ln">88   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l89"><span class="ln">89   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l90"><span class="ln">90   </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row&quot;</span>&gt;
<a name="l91"><span class="ln">91   </span></a>                            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-9&quot;</span>&gt;
<a name="l92"><span class="ln">92   </span></a>                                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;flot-chart&quot;</span>&gt;
<a name="l93"><span class="ln">93   </span></a>                                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;flot-chart-content&quot; </span><span class="s1">id=</span><span class="s4">&quot;flot-dashboard-chart&quot;</span>&gt;&lt;/<span class="s3">div</span>&gt;
<a name="l94"><span class="ln">94   </span></a>                                &lt;/<span class="s3">div</span>&gt;
<a name="l95"><span class="ln">95   </span></a>                            &lt;/<span class="s3">div</span>&gt;
<a name="l96"><span class="ln">96   </span></a>                            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-3&quot;</span>&gt;
<a name="l97"><span class="ln">97   </span></a>                                &lt;<span class="s3">ul </span><span class="s1">class=</span><span class="s4">&quot;stat-list&quot;</span>&gt;
<a name="l98"><span class="ln">98   </span></a>                                    &lt;<span class="s3">li</span>&gt;
<a name="l99"><span class="ln">99   </span></a>                                        &lt;<span class="s3">h2 </span><span class="s1">class=</span><span class="s4">&quot;no-margins&quot;</span>&gt;2,346&lt;/<span class="s3">h2</span>&gt;
<a name="l100"><span class="ln">100  </span></a>                                        &lt;<span class="s3">small</span>&gt;订单总数&lt;/<span class="s3">small</span>&gt;
<a name="l101"><span class="ln">101  </span></a>                                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent&quot;</span>&gt;48% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up text-navy&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l102"><span class="ln">102  </span></a>                                        &lt;/<span class="s3">div</span>&gt;
<a name="l103"><span class="ln">103  </span></a>                                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;progress progress-mini&quot;</span>&gt;
<a name="l104"><span class="ln">104  </span></a>                                            &lt;<span class="s3">div </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">width</span>: <span class="s6">48</span>%;<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;progress-bar&quot;</span>&gt;&lt;/<span class="s3">div</span>&gt;
<a name="l105"><span class="ln">105  </span></a>                                        &lt;/<span class="s3">div</span>&gt;
<a name="l106"><span class="ln">106  </span></a>                                    &lt;/<span class="s3">li</span>&gt;
<a name="l107"><span class="ln">107  </span></a>                                    &lt;<span class="s3">li</span>&gt;
<a name="l108"><span class="ln">108  </span></a>                                        &lt;<span class="s3">h2 </span><span class="s1">class=</span><span class="s4">&quot;no-margins &quot;</span>&gt;4,422&lt;/<span class="s3">h2</span>&gt;
<a name="l109"><span class="ln">109  </span></a>                                        &lt;<span class="s3">small</span>&gt;最近一个月订单&lt;/<span class="s3">small</span>&gt;
<a name="l110"><span class="ln">110  </span></a>                                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent&quot;</span>&gt;60% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-down text-navy&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l111"><span class="ln">111  </span></a>                                        &lt;/<span class="s3">div</span>&gt;
<a name="l112"><span class="ln">112  </span></a>                                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;progress progress-mini&quot;</span>&gt;
<a name="l113"><span class="ln">113  </span></a>                                            &lt;<span class="s3">div </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">width</span>: <span class="s6">60</span>%;<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;progress-bar&quot;</span>&gt;&lt;/<span class="s3">div</span>&gt;
<a name="l114"><span class="ln">114  </span></a>                                        &lt;/<span class="s3">div</span>&gt;
<a name="l115"><span class="ln">115  </span></a>                                    &lt;/<span class="s3">li</span>&gt;
<a name="l116"><span class="ln">116  </span></a>                                    &lt;<span class="s3">li</span>&gt;
<a name="l117"><span class="ln">117  </span></a>                                        &lt;<span class="s3">h2 </span><span class="s1">class=</span><span class="s4">&quot;no-margins &quot;</span>&gt;9,180&lt;/<span class="s3">h2</span>&gt;
<a name="l118"><span class="ln">118  </span></a>                                        &lt;<span class="s3">small</span>&gt;最近一个月销售额&lt;/<span class="s3">small</span>&gt;
<a name="l119"><span class="ln">119  </span></a>                                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;stat-percent&quot;</span>&gt;22% &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-bolt text-navy&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l120"><span class="ln">120  </span></a>                                        &lt;/<span class="s3">div</span>&gt;
<a name="l121"><span class="ln">121  </span></a>                                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;progress progress-mini&quot;</span>&gt;
<a name="l122"><span class="ln">122  </span></a>                                            &lt;<span class="s3">div </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">width</span>: <span class="s6">22</span>%;<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;progress-bar&quot;</span>&gt;&lt;/<span class="s3">div</span>&gt;
<a name="l123"><span class="ln">123  </span></a>                                        &lt;/<span class="s3">div</span>&gt;
<a name="l124"><span class="ln">124  </span></a>                                    &lt;/<span class="s3">li</span>&gt;
<a name="l125"><span class="ln">125  </span></a>                                 &lt;/<span class="s3">ul</span>&gt;
<a name="l126"><span class="ln">126  </span></a>                            &lt;/<span class="s3">div</span>&gt;
<a name="l127"><span class="ln">127  </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l128"><span class="ln">128  </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l129"><span class="ln">129  </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l130"><span class="ln">130  </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l131"><span class="ln">131  </span></a>        &lt;/<span class="s3">div</span>&gt;
<a name="l132"><span class="ln">132  </span></a>        
<a name="l133"><span class="ln">133  </span></a>        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row&quot;</span>&gt;
<a name="l134"><span class="ln">134  </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-12&quot;</span>&gt;
<a name="l135"><span class="ln">135  </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox float-e-margins&quot;</span>&gt;
<a name="l136"><span class="ln">136  </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l137"><span class="ln">137  </span></a>                        &lt;<span class="s3">h5</span>&gt;用户项目列表&lt;/<span class="s3">h5</span>&gt;
<a name="l138"><span class="ln">138  </span></a>                        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-tools&quot;</span>&gt;
<a name="l139"><span class="ln">139  </span></a>                            &lt;<span class="s3">a </span><span class="s1">class=</span><span class="s4">&quot;collapse-link&quot;</span>&gt;
<a name="l140"><span class="ln">140  </span></a>                                &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-chevron-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l141"><span class="ln">141  </span></a>                            &lt;/<span class="s3">a</span>&gt;
<a name="l142"><span class="ln">142  </span></a>                            &lt;<span class="s3">a </span><span class="s1">class=</span><span class="s4">&quot;close-link&quot;</span>&gt;
<a name="l143"><span class="ln">143  </span></a>                                &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-times&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt;
<a name="l144"><span class="ln">144  </span></a>                            &lt;/<span class="s3">a</span>&gt;
<a name="l145"><span class="ln">145  </span></a>                        &lt;/<span class="s3">div</span>&gt;
<a name="l146"><span class="ln">146  </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l147"><span class="ln">147  </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l148"><span class="ln">148  </span></a>                        &lt;<span class="s3">table </span><span class="s1">class=</span><span class="s4">&quot;table table-hover no-margins&quot;</span>&gt;
<a name="l149"><span class="ln">149  </span></a>                            &lt;<span class="s3">thead</span>&gt;
<a name="l150"><span class="ln">150  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l151"><span class="ln">151  </span></a>                                    &lt;<span class="s3">th</span>&gt;状态&lt;/<span class="s3">th</span>&gt;
<a name="l152"><span class="ln">152  </span></a>                                    &lt;<span class="s3">th</span>&gt;日期&lt;/<span class="s3">th</span>&gt;
<a name="l153"><span class="ln">153  </span></a>                                    &lt;<span class="s3">th</span>&gt;用户&lt;/<span class="s3">th</span>&gt;
<a name="l154"><span class="ln">154  </span></a>                                    &lt;<span class="s3">th</span>&gt;值&lt;/<span class="s3">th</span>&gt;
<a name="l155"><span class="ln">155  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l156"><span class="ln">156  </span></a>                            &lt;/<span class="s3">thead</span>&gt;
<a name="l157"><span class="ln">157  </span></a>                            &lt;<span class="s3">tbody</span>&gt;
<a name="l158"><span class="ln">158  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l159"><span class="ln">159  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">small</span>&gt;进行中...&lt;/<span class="s3">small</span>&gt;
<a name="l160"><span class="ln">160  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l161"><span class="ln">161  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 11:20&lt;/<span class="s3">td</span>&gt;
<a name="l162"><span class="ln">162  </span></a>                                    &lt;<span class="s3">td</span>&gt;青衣5858&lt;/<span class="s3">td</span>&gt;
<a name="l163"><span class="ln">163  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 24%&lt;/<span class="s3">td</span>&gt;
<a name="l164"><span class="ln">164  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l165"><span class="ln">165  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l166"><span class="ln">166  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">span </span><span class="s1">class=</span><span class="s4">&quot;label label-warning&quot;</span>&gt;已取消&lt;/<span class="s3">span</span>&gt;
<a name="l167"><span class="ln">167  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l168"><span class="ln">168  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 10:40&lt;/<span class="s3">td</span>&gt;
<a name="l169"><span class="ln">169  </span></a>                                    &lt;<span class="s3">td</span>&gt;徐子崴&lt;/<span class="s3">td</span>&gt;
<a name="l170"><span class="ln">170  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 66%&lt;/<span class="s3">td</span>&gt;
<a name="l171"><span class="ln">171  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l172"><span class="ln">172  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l173"><span class="ln">173  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">small</span>&gt;进行中...&lt;/<span class="s3">small</span>&gt;
<a name="l174"><span class="ln">174  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l175"><span class="ln">175  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 01:30&lt;/<span class="s3">td</span>&gt;
<a name="l176"><span class="ln">176  </span></a>                                    &lt;<span class="s3">td</span>&gt;姜岚昕&lt;/<span class="s3">td</span>&gt;
<a name="l177"><span class="ln">177  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 54%&lt;/<span class="s3">td</span>&gt;
<a name="l178"><span class="ln">178  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l179"><span class="ln">179  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l180"><span class="ln">180  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">small</span>&gt;进行中...&lt;/<span class="s3">small</span>&gt;
<a name="l181"><span class="ln">181  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l182"><span class="ln">182  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 02:20&lt;/<span class="s3">td</span>&gt;
<a name="l183"><span class="ln">183  </span></a>                                    &lt;<span class="s3">td</span>&gt;武汉大兵哥&lt;/<span class="s3">td</span>&gt;
<a name="l184"><span class="ln">184  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 12%&lt;/<span class="s3">td</span>&gt;
<a name="l185"><span class="ln">185  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l186"><span class="ln">186  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l187"><span class="ln">187  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">small</span>&gt;进行中...&lt;/<span class="s3">small</span>&gt;
<a name="l188"><span class="ln">188  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l189"><span class="ln">189  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 09:40&lt;/<span class="s3">td</span>&gt;
<a name="l190"><span class="ln">190  </span></a>                                    &lt;<span class="s3">td</span>&gt;荆莹儿&lt;/<span class="s3">td</span>&gt;
<a name="l191"><span class="ln">191  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 22%&lt;/<span class="s3">td</span>&gt;
<a name="l192"><span class="ln">192  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l193"><span class="ln">193  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l194"><span class="ln">194  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">span </span><span class="s1">class=</span><span class="s4">&quot;label label-primary&quot;</span>&gt;已完成&lt;/<span class="s3">span</span>&gt;
<a name="l195"><span class="ln">195  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l196"><span class="ln">196  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 04:10&lt;/<span class="s3">td</span>&gt;
<a name="l197"><span class="ln">197  </span></a>                                    &lt;<span class="s3">td</span>&gt;栾某某&lt;/<span class="s3">td</span>&gt;
<a name="l198"><span class="ln">198  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 66%&lt;/<span class="s3">td</span>&gt;
<a name="l199"><span class="ln">199  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l200"><span class="ln">200  </span></a>                                &lt;<span class="s3">tr</span>&gt;
<a name="l201"><span class="ln">201  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">small</span>&gt;进行中...&lt;/<span class="s3">small</span>&gt;
<a name="l202"><span class="ln">202  </span></a>                                    &lt;/<span class="s3">td</span>&gt;
<a name="l203"><span class="ln">203  </span></a>                                    &lt;<span class="s3">td</span>&gt;&lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-clock-o&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 12:08&lt;/<span class="s3">td</span>&gt;
<a name="l204"><span class="ln">204  </span></a>                                    &lt;<span class="s3">td</span>&gt;范范范二妮&lt;/<span class="s3">td</span>&gt;
<a name="l205"><span class="ln">205  </span></a>                                    &lt;<span class="s3">td </span><span class="s1">class=</span><span class="s4">&quot;text-navy&quot;</span>&gt; &lt;<span class="s3">i </span><span class="s1">class=</span><span class="s4">&quot;fa fa-level-up&quot;</span>&gt;&lt;/<span class="s3">i</span>&gt; 23%&lt;/<span class="s3">td</span>&gt;
<a name="l206"><span class="ln">206  </span></a>                                &lt;/<span class="s3">tr</span>&gt;
<a name="l207"><span class="ln">207  </span></a>                            &lt;/<span class="s3">tbody</span>&gt;
<a name="l208"><span class="ln">208  </span></a>                        &lt;/<span class="s3">table</span>&gt;
<a name="l209"><span class="ln">209  </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l210"><span class="ln">210  </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l211"><span class="ln">211  </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l212"><span class="ln">212  </span></a>         &lt;/<span class="s3">div</span>&gt;
<a name="l213"><span class="ln">213  </span></a>      &lt;/<span class="s3">div</span>&gt;
<a name="l214"><span class="ln">214  </span></a>    &lt;/<span class="s3">div</span>&gt;
<a name="l215"><span class="ln">215  </span></a>    &lt;<span class="s3">script </span><span class="s1">th:src=</span><span class="s4">&quot;@{/js/jquery.min.js}&quot;</span>&gt;&lt;/<span class="s3">script</span>&gt;
<a name="l216"><span class="ln">216  </span></a>    &lt;<span class="s3">script </span><span class="s1">th:src=</span><span class="s4">&quot;@{/js/bootstrap.min.js}&quot;</span>&gt;&lt;/<span class="s3">script</span>&gt;
<a name="l217"><span class="ln">217  </span></a>    &lt;<span class="s3">script </span><span class="s1">th:src=</span><span class="s4">&quot;@{/ajax/libs/flot/jquery.flot.js}&quot;</span>&gt;&lt;/<span class="s3">script</span>&gt;
<a name="l218"><span class="ln">218  </span></a>    
<a name="l219"><span class="ln">219  </span></a>    &lt;<span class="s3">th:block </span><span class="s1">th:include=</span><span class="s4">&quot;include :: sparkline-js&quot; </span>/&gt;
<a name="l220"><span class="ln">220  </span></a>    &lt;<span class="s3">script </span><span class="s1">type=</span><span class="s4">&quot;text/javascript&quot;</span>&gt;
<a name="l221"><span class="ln">221  </span></a>	    $(document).ready(<span class="s7">function </span>() {
<a name="l222"><span class="ln">222  </span></a>	        <span class="s7">var </span>data2 = [
<a name="l223"><span class="ln">223  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">1</span>), <span class="s6">7</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">2</span>), <span class="s6">6</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">3</span>), <span class="s6">4</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">4</span>), <span class="s6">8</span>],
<a name="l224"><span class="ln">224  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">5</span>), <span class="s6">9</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">6</span>), <span class="s6">7</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">7</span>), <span class="s6">5</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">8</span>), <span class="s6">4</span>],
<a name="l225"><span class="ln">225  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">9</span>), <span class="s6">7</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">10</span>), <span class="s6">8</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">11</span>), <span class="s6">9</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">12</span>), <span class="s6">6</span>],
<a name="l226"><span class="ln">226  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">13</span>), <span class="s6">4</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">14</span>), <span class="s6">5</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">15</span>), <span class="s6">11</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">16</span>), <span class="s6">8</span>],
<a name="l227"><span class="ln">227  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">17</span>), <span class="s6">8</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">18</span>), <span class="s6">11</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">19</span>), <span class="s6">11</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">20</span>), <span class="s6">6</span>],
<a name="l228"><span class="ln">228  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">21</span>), <span class="s6">6</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">22</span>), <span class="s6">8</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">23</span>), <span class="s6">11</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">24</span>), <span class="s6">13</span>],
<a name="l229"><span class="ln">229  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">25</span>), <span class="s6">7</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">26</span>), <span class="s6">9</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">27</span>), <span class="s6">9</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">28</span>), <span class="s6">8</span>],
<a name="l230"><span class="ln">230  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">29</span>), <span class="s6">5</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">30</span>), <span class="s6">8</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">31</span>), <span class="s6">25</span>]
<a name="l231"><span class="ln">231  </span></a>	        ];
<a name="l232"><span class="ln">232  </span></a>	
<a name="l233"><span class="ln">233  </span></a>	        <span class="s7">var </span>data3 = [
<a name="l234"><span class="ln">234  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">1</span>), <span class="s6">800</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">2</span>), <span class="s6">500</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">3</span>), <span class="s6">600</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">4</span>), <span class="s6">700</span>],
<a name="l235"><span class="ln">235  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">5</span>), <span class="s6">500</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">6</span>), <span class="s6">456</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">7</span>), <span class="s6">800</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">8</span>), <span class="s6">589</span>],
<a name="l236"><span class="ln">236  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">9</span>), <span class="s6">467</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">10</span>), <span class="s6">876</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">11</span>), <span class="s6">689</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">12</span>), <span class="s6">700</span>],
<a name="l237"><span class="ln">237  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">13</span>), <span class="s6">500</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">14</span>), <span class="s6">600</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">15</span>), <span class="s6">700</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">16</span>), <span class="s6">786</span>],
<a name="l238"><span class="ln">238  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">17</span>), <span class="s6">345</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">18</span>), <span class="s6">888</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">19</span>), <span class="s6">888</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">20</span>), <span class="s6">888</span>],
<a name="l239"><span class="ln">239  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">21</span>), <span class="s6">987</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">22</span>), <span class="s6">444</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">23</span>), <span class="s6">999</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">24</span>), <span class="s6">567</span>],
<a name="l240"><span class="ln">240  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">25</span>), <span class="s6">786</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">26</span>), <span class="s6">666</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">27</span>), <span class="s6">888</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">28</span>), <span class="s6">900</span>],
<a name="l241"><span class="ln">241  </span></a>	            [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">29</span>), <span class="s6">178</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">30</span>), <span class="s6">555</span>], [gd(<span class="s6">2012</span>, <span class="s6">1</span>, <span class="s6">31</span>), <span class="s6">993</span>]
<a name="l242"><span class="ln">242  </span></a>	        ];
<a name="l243"><span class="ln">243  </span></a>	
<a name="l244"><span class="ln">244  </span></a>	
<a name="l245"><span class="ln">245  </span></a>	        <span class="s7">var </span>dataset = [
<a name="l246"><span class="ln">246  </span></a>	            {
<a name="l247"><span class="ln">247  </span></a>	                label: <span class="s8">&quot;订单数&quot;</span>,
<a name="l248"><span class="ln">248  </span></a>	                data: data3,
<a name="l249"><span class="ln">249  </span></a>	                color: <span class="s8">&quot;#1ab394&quot;</span>,
<a name="l250"><span class="ln">250  </span></a>	                bars: {
<a name="l251"><span class="ln">251  </span></a>	                    show: <span class="s7">true</span>,
<a name="l252"><span class="ln">252  </span></a>	                    align: <span class="s8">&quot;center&quot;</span>,
<a name="l253"><span class="ln">253  </span></a>	                    barWidth: <span class="s6">24 </span>* <span class="s6">60 </span>* <span class="s6">60 </span>* <span class="s6">600</span>,
<a name="l254"><span class="ln">254  </span></a>	                    lineWidth: <span class="s6">0</span>
<a name="l255"><span class="ln">255  </span></a>	                }
<a name="l256"><span class="ln">256  </span></a>	
<a name="l257"><span class="ln">257  </span></a>	            }, {
<a name="l258"><span class="ln">258  </span></a>	                label: <span class="s8">&quot;付款数&quot;</span>,
<a name="l259"><span class="ln">259  </span></a>	                data: data2,
<a name="l260"><span class="ln">260  </span></a>	                yaxis: <span class="s6">2</span>,
<a name="l261"><span class="ln">261  </span></a>	                color: <span class="s8">&quot;#464f88&quot;</span>,
<a name="l262"><span class="ln">262  </span></a>	                lines: {
<a name="l263"><span class="ln">263  </span></a>	                    lineWidth: <span class="s6">1</span>,
<a name="l264"><span class="ln">264  </span></a>	                    show: <span class="s7">true</span>,
<a name="l265"><span class="ln">265  </span></a>	                    fill: <span class="s7">true</span>,
<a name="l266"><span class="ln">266  </span></a>	                    fillColor: {
<a name="l267"><span class="ln">267  </span></a>	                        colors: [{
<a name="l268"><span class="ln">268  </span></a>	                            opacity: <span class="s6">0.2</span>
<a name="l269"><span class="ln">269  </span></a>	                        }, {
<a name="l270"><span class="ln">270  </span></a>	                            opacity: <span class="s6">0.2</span>
<a name="l271"><span class="ln">271  </span></a>	                        }]
<a name="l272"><span class="ln">272  </span></a>	                    }
<a name="l273"><span class="ln">273  </span></a>	                },
<a name="l274"><span class="ln">274  </span></a>	                splines: {
<a name="l275"><span class="ln">275  </span></a>	                    show: <span class="s7">false</span>,
<a name="l276"><span class="ln">276  </span></a>	                    tension: <span class="s6">0.6</span>,
<a name="l277"><span class="ln">277  </span></a>	                    lineWidth: <span class="s6">1</span>,
<a name="l278"><span class="ln">278  </span></a>	                    fill: <span class="s6">0.1</span>
<a name="l279"><span class="ln">279  </span></a>	                },
<a name="l280"><span class="ln">280  </span></a>	            }
<a name="l281"><span class="ln">281  </span></a>	        ];
<a name="l282"><span class="ln">282  </span></a>	
<a name="l283"><span class="ln">283  </span></a>	
<a name="l284"><span class="ln">284  </span></a>	        <span class="s7">var </span>options = {
<a name="l285"><span class="ln">285  </span></a>	            xaxis: {
<a name="l286"><span class="ln">286  </span></a>	                mode: <span class="s8">&quot;time&quot;</span>,
<a name="l287"><span class="ln">287  </span></a>	                tickSize: [<span class="s6">3</span>, <span class="s8">&quot;day&quot;</span>],
<a name="l288"><span class="ln">288  </span></a>	                tickLength: <span class="s6">0</span>,
<a name="l289"><span class="ln">289  </span></a>	                axisLabel: <span class="s8">&quot;Date&quot;</span>,
<a name="l290"><span class="ln">290  </span></a>	                axisLabelUseCanvas: <span class="s7">true</span>,
<a name="l291"><span class="ln">291  </span></a>	                axisLabelFontSizePixels: <span class="s6">12</span>,
<a name="l292"><span class="ln">292  </span></a>	                axisLabelFontFamily: <span class="s8">'Arial'</span>,
<a name="l293"><span class="ln">293  </span></a>	                axisLabelPadding: <span class="s6">10</span>,
<a name="l294"><span class="ln">294  </span></a>	                color: <span class="s8">&quot;#838383&quot;</span>
<a name="l295"><span class="ln">295  </span></a>	            },
<a name="l296"><span class="ln">296  </span></a>	            yaxes: [{
<a name="l297"><span class="ln">297  </span></a>	                    position: <span class="s8">&quot;left&quot;</span>,
<a name="l298"><span class="ln">298  </span></a>	                    max: <span class="s6">1070</span>,
<a name="l299"><span class="ln">299  </span></a>	                    color: <span class="s8">&quot;#838383&quot;</span>,
<a name="l300"><span class="ln">300  </span></a>	                    axisLabelUseCanvas: <span class="s7">true</span>,
<a name="l301"><span class="ln">301  </span></a>	                    axisLabelFontSizePixels: <span class="s6">12</span>,
<a name="l302"><span class="ln">302  </span></a>	                    axisLabelFontFamily: <span class="s8">'Arial'</span>,
<a name="l303"><span class="ln">303  </span></a>	                    axisLabelPadding: <span class="s6">3</span>
<a name="l304"><span class="ln">304  </span></a>	            }, {
<a name="l305"><span class="ln">305  </span></a>	                    position: <span class="s8">&quot;right&quot;</span>,
<a name="l306"><span class="ln">306  </span></a>	                    clolor: <span class="s8">&quot;#838383&quot;</span>,
<a name="l307"><span class="ln">307  </span></a>	                    axisLabelUseCanvas: <span class="s7">true</span>,
<a name="l308"><span class="ln">308  </span></a>	                    axisLabelFontSizePixels: <span class="s6">12</span>,
<a name="l309"><span class="ln">309  </span></a>	                    axisLabelFontFamily: <span class="s8">' Arial'</span>,
<a name="l310"><span class="ln">310  </span></a>	                    axisLabelPadding: <span class="s6">67</span>
<a name="l311"><span class="ln">311  </span></a>	            }
<a name="l312"><span class="ln">312  </span></a>	            ],
<a name="l313"><span class="ln">313  </span></a>	            legend: {
<a name="l314"><span class="ln">314  </span></a>	                noColumns: <span class="s6">1</span>,
<a name="l315"><span class="ln">315  </span></a>	                labelBoxBorderColor: <span class="s8">&quot;#000000&quot;</span>,
<a name="l316"><span class="ln">316  </span></a>	                position: <span class="s8">&quot;nw&quot;</span>
<a name="l317"><span class="ln">317  </span></a>	            },
<a name="l318"><span class="ln">318  </span></a>	            grid: {
<a name="l319"><span class="ln">319  </span></a>	                hoverable: <span class="s7">false</span>,
<a name="l320"><span class="ln">320  </span></a>	                borderWidth: <span class="s6">0</span>,
<a name="l321"><span class="ln">321  </span></a>	                color: <span class="s8">'#838383'</span>
<a name="l322"><span class="ln">322  </span></a>	            }
<a name="l323"><span class="ln">323  </span></a>	        };
<a name="l324"><span class="ln">324  </span></a>	
<a name="l325"><span class="ln">325  </span></a>	        <span class="s7">function </span>gd(year, month, day) {
<a name="l326"><span class="ln">326  </span></a>	            <span class="s7">return new </span>Date(year, month - <span class="s6">1</span>, day).getTime();
<a name="l327"><span class="ln">327  </span></a>	        }
<a name="l328"><span class="ln">328  </span></a>	
<a name="l329"><span class="ln">329  </span></a>	        <span class="s7">var </span>previousPoint = <span class="s7">null</span>,
<a name="l330"><span class="ln">330  </span></a>	            previousLabel = <span class="s7">null</span>;
<a name="l331"><span class="ln">331  </span></a>	
<a name="l332"><span class="ln">332  </span></a>	        $.plot($(<span class="s8">&quot;#flot-dashboard-chart&quot;</span>), dataset, options);
<a name="l333"><span class="ln">333  </span></a>	    });
<a name="l334"><span class="ln">334  </span></a>    &lt;/<span class="s3">script</span>&gt;
<a name="l335"><span class="ln">335  </span></a>&lt;/<span class="s3">body</span>&gt;
<a name="l336"><span class="ln">336  </span></a>&lt;/<span class="s3">html</span>&gt;
<a name="l337"><span class="ln">337  </span></a></pre>
</body>
</html>